<template>
	<div>
		<p>{{height}}</p>
		<p @click="handleA" ref="cap">this is comA</p>
	</div>
</template>
<script type="text/javascript">
	export default {
		name:"comA",
		props:{
			height:{
				type:[String],
				default:"100px"
			}
		},
		created(){
      this.bus.$on("hb",d=>{
      	console.log("bus",d);
      });
		},
		methods:{
			handleA(){
				console.log("ha",this.height,app);
				this.$emit("ha",this.height)
			},

		}
	}
</script>
<style type="text/css" scoped>
 p{
    background-color:#EEE;
 }
</style>